<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>Dkpic - 顶看</title>

	<style type="text/css">
		body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
		/* 头像像素 */
		.Dkpic{width:180px; height:180px;}
		/* 圆形头像 */
		.round {border-radius:50%;}
	</style>
</head>
<body>
<h1>Dkpic</h1>
<h3><strong>实例:</strong></h3>

<div>
	<img class="Dkpic" Dkpic="顶">
	<img class="Dkpic" Dkpic="看">
</div>

<div>
	<img class="Dkpic round" Dkpic="欢迎">
	<img class="Dkpic round" Dkpic="迎接">
</div>

<!-- 引入Dkpic -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/Dkpic.js"></script>
</body>
</html>
